<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
	<style type="text/css">
		.container{
			width: 800px;
			margin: 0 auto;
		}
		table{
			width: inherit;
			border-collapse: collapse;
			border-left: 1px solid black;
			border-top: 1px solid black;
		   
		}

		td,th{
			border-right: 1px solid black;
			border-bottom: 1px solid black;
			text-align: center;
			height: 40px;
		}

		a{
			text-decoration: none;
			color: rgba(24, 107, 202, 0.918);
		}

		.totalPrice::before{
			content: '￥';
		}

		.footer{
			font-size: 20px;
			margin-top: 10px;
		}
		.totalPrice{
			color: red;
			font-weight: bold;
			
		}
	</style>
</head>
<body>
    <div class="container">
        <table>
            <caption><h1>我的购物车</h1></caption>
            <thead>
                <tr>
                    <th>
                        <label for="all">全选</label>
                        <input type="checkbox" id="all">
                    </th>
                    <th>商品名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="tab_body">
                <!-- <tr>
                    <td><input type="checkbox" name="ch"></td>
                    <td>电脑</td>
                    <td class="price">200</td>
                    <td>
                        <button class="minus">-</button>
                        <span class="count">1</span>
                        <button class="plus">+</button>
                    </td>
                    <td class="total">200</td>
                    <td>
                        <a href="javascript:void(0)"">删除</a>
                    </td>
                </tr> -->
            </tbody>  
        </table>
        <div class="footer">
            总计: <span class="totalPrice">0</span>
        </div>
    </div>
</body>
<script type="text/javascript" src="JsWork.js"></script>
</html>